Description interne de mon site personnel

Arborescence non visible

Voici les dossiers et les fichiers présents dans le serveur FTP. Les dossiers à gauche présentent la racine du site.

Racine

Le dossier _http comporte un dossier Protected constitué d'un fichier .htpassword pour protéger l'accès aux dossiers
(mais dans mon cas ce fichier ne me sert pas car j'ai utilisé un script en javascript afin de resteindre l'accès aux parties privées)
et d'un fichier .htaccess qui sert pour écrire des messages dans le navigateur quand il y a une erreur de navigation ou du serveur.

Exemple :

Le premier fichier index.htm présente la page de Bienvenue (ci-dessous).
L'image en fond se nomme " bienvenue.gif " et se trouve dans le premier dossier image.

L'ensemble de mon site se situe dans le dossier siteperso.

Dossier " siteperso "

Si vous tapez l'url " http://maion38.free.fr/siteperso/" vous trouverez cette page :

Cette page présente le contenu du fichier README.txt.

Le dossier bienvenue est composé pratiquement de la même manière que le dossier versionbeta,
c'est pour cette raison que je n'ai pas voulu représenter son contenu dans le schéma ci-dessus.
La seule différence c'est que le dossier versionbeta est mis à jour plus régulièrement parce qu'il me sert de test.
Une fois que tout fonctionne je copie le contenu de ce dossier dans le dossier bienvenue afin qu'il soit en ligne.
Je laisse tout de même l'accès au contenu du dossier versionbeta aux visiteurs en leur précisant que mon site est en construction
et qu'ils peuvent consulter son évolution en cliquant sur " version béta " dès la page de bienvenue.

Le dossier travail me sert pour les cours en parrallèle du site personnel comme pour réaliser les CV ou les cartes de visites...
Ici, ce dossier ne nous concerne pas.

Le dossier versionbeta se décompose en plusieurs parties.

Dossier " versionbeta "

Les dossiers avec des " _ " ne sont pas visible dans le navigateur.
Les dossiers _docpdf et _images contiennent uniquement des documents à télécharger (fichiers pdf)
et des photos ou images (fichiers jpg ou gif) ; celles-ci sont protégées par le fichier index.html
qui renvoit à la page de bienvenue lorsqu'on essaie de chercher ce dossier par l'adresse url.

Le dossier _include est un des plus important car il contient les fonctions pour faire le site web dynamique.
En effet, il contient des fichiers .php,
qui ont la particularité d'être exécutés directement sur le serveur qui héberge les pages
et non pas sur la machine de l'utilisateur. Ce sont des scripts.
Cela signifie que le navigateur affiche uniquement le résultat calculé par le serveur,
c'est pour cette raison qu'on ne trouve pas de code php dans les codes sources des différentes pages du site.

Pour mon site je devais diviser mon fichier index.php (qui est la base de mon site perso)
en plusieurs parties de manière à avoir un menu horizontal, un menu vertical
et une partie centrale qui change à chaque fois que l'on clique sur un onglet.

Ce fichier index.php agit en interaction avec le fichier _style.css, qui est un fichier
où sont définis toutes les feuilles de style concernant le graphisme du site lui-même.
Par exemple : la couleur de fond, la police, les corps, la couleur des liens, etc.

Le fichier README.txt contenu dans le dossier versionbeta correspond au texte que l'on trouve dans l'accueil.

Grâce aux fonctions que l'on trouve dans le dossier _include, les trois noms des dossiers Espace perso, Espace pro et Licence
seront les noms affichés dans le menu horizontal (ou principal).

Contenu des dossiers du menu principal

Dans chaque dossier du menu principal, on retrouve les dossiers correspondants aux noms affichés
dans le menu vertical (ou secondaire), ceci grâce aux fonctions que l'on trouve dans le dossier _include.
Il suffit d'ajouter des dossiers dans les dossiers du menu principal pour les faire apparaître en tant que menu secondaire.

On trouve également un fichier README.txt qui correspond au texte contenu dans la partie centrale.

Le fichier pagedefaut.txt contenu dans le dossier _include sert à remplir mon centre lorsque je n'ai pas encore créer de contenu.

Exemple d'un dossier un peu plus complexe " _PHOTOS "

Dans ce dossier j'ai classé mes photos par thème avec un " _ " pour pas que le dossier soit visible dans le navigateur.
A l'intérieur j'ai encore un fichier index.html qui permet une fois de plus de protéger mes photos en renvoyant sur la page de bienvenue.
Les fichiers index2.htm, 3, 4, etc. sont les mises en pages pour mes albums photos de mon espace perso.

Conclusion

Mon site perso se compose uniquement de fichiers et de dossiers.
Les fichiers HTML contiennent uniquement les textes statiques
alors que les fichiers PHP permettent de générer dynamiquement les pages.